<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
    <body class="timo-layout-page">
<!--        <div class="layui-card timo-tree" th:attr="data-url=@{'/system/menu/list?'+${search}}">-->
<!--            <div class="layui-card-header timo-card-header">-->
<!--                <span>-->
<!--                    <i class="fa fa-bars"></i>-->
<!--                    菜单管理-->
<!--                </span>-->
<!--                <i class="layui-icon layui-icon-refresh refresh-btn"></i>-->
<!--            </div>-->
<!--            <div class="layui-card-body layui-row">-->
<!--                <div class="layui-col-lg2 layui-col-sm3">-->
<!--                    <div class="layui-card timo-nav-tree">-->
<!--                        <div class="layui-card-header">菜单结构</div>-->
<!--                        <div class="layui-card-body">-->
<!--                            <ul class="ztree"></ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-col-lg10 layui-col-sm9">-->
<!--                    <div class="layui-row timo-card-screen">-->
<!--                        <div class="pull-left layui-form-pane timo-search-box">-->
<!--                            <div class="layui-inline">-->
<!--                                <label class="layui-form-label">状态</label>-->
<!--                                <div class="layui-input-block timo-search-status">-->
<!--                                    <select class="timo-search-select" name="status" mo:dict="SEARCH_STATUS"-->
<!--                                            mo-selected="${param.status}"></select>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="layui-inline">-->
<!--                                <label class="layui-form-label">名称</label>-->
<!--                                <div class="layui-input-block">-->
<!--                                    <input type="text" name="title" th:value="${param.title}" placeholder="请输入菜单名称"-->
<!--                                           autocomplete="off" class="layui-input">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="layui-inline">-->
<!--                                <label class="layui-form-label">URL地址</label>-->
<!--                                <div class="layui-input-block">-->
<!--                                    <input type="text" name="url" th:value="${param.url}" placeholder="请输入菜单URL地址"-->
<!--                                           autocomplete="off" class="layui-input">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="layui-inline">-->
<!--                                <button class="layui-btn timo-search-btn">-->
<!--                                    <i class="fa fa-search"></i>-->
<!--                                </button>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="pull-right screen-btn-group">-->
<!--                            <button class="layui-btn open-popup popup-add" data-title="添加菜单"-->
<!--                                    th:attr="data-url=@{/system/menu/add}" shiro:hasPermission="system:menu:add">-->
<!--                                <i class="fa fa-plus"></i>-->
<!--                                添加-->
<!--                            </button>-->
<!--                            <div class="btn-group" shiro:hasPermission="system:menu:status">-->
<!--                                <button class="layui-btn">操作-->
<!--                                    <span class="caret"></span>-->
<!--                                </button>-->
<!--                                <dl class="layui-nav-child layui-anim layui-anim-upbit">-->
<!--                                    <dd>-->
<!--                                        <a class="ajax-status" th:href="@{/system/menu/status/ok}">启用</a>-->
<!--                                    </dd>-->
<!--                                    <dd>-->
<!--                                        <a class="ajax-status" th:href="@{/system/menu/status/freezed}">冻结</a>-->
<!--                                    </dd>-->
<!--                                    <dd>-->
<!--                                        <a class="ajax-status" th:href="@{/system/menu/status/delete}">删除</a>-->
<!--                                    </dd>-->
<!--                                </dl>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="timo-table-wrap">-->
<!--                        <table class="layui-table timo-table timo-tree-table">-->
<!--                            <thead>-->
<!--                                <tr>-->
<!--                                    <th class="timo-table-checkbox">-->
<!--                                        <label class="timo-checkbox">-->
<!--                                            <input type="checkbox">-->
<!--                                            <i class="layui-icon layui-icon-ok"></i>-->
<!--                                        </label>-->
<!--                                    </th>-->
<!--                                    <th>名称</th>-->
<!--                                    <th>URL地址</th>-->
<!--                                    <th>权限标识</th>-->
<!--                                    <th>菜单类型</th>-->
<!--                                    <th>状态</th>-->
<!--                                    <th>操作</th>-->
<!--                                </tr>-->
<!--                            </thead>-->
<!--                            <tbody class="tree-hide">-->
<!--                                <tr class="{{$hide}}" tree-pid="{{pid}}" tree-id="{{id}}">-->
<!--                                    <td>-->
<!--                                        <label class="timo-checkbox">-->
<!--                                            <input type="checkbox" value="{{id}}">-->
<!--                                            <i class="layui-icon layui-icon-ok"></i>-->
<!--                                        </label>-->
<!--                                    </td>-->
<!--                                    <td>{{title}}</td>-->
<!--                                    <td>{{url}}</td>-->
<!--                                    <td>{{perms}}</td>-->
<!--                                    <td>{{remark}}</td>-->
<!--                                    <td>正常</td>-->
<!--                                    <td>-->
<!--                                        <a class="open-popup popup-edit" data-title="编辑菜单"-->
<!--                                           th:attr="data-url=@{'/system/menu/edit/{{id}}'}"-->
<!--                                           shiro:hasPermission="system:menu:edit" href="#">编辑-->
<!--                                        </a>-->
<!--                                        <a class="open-popup" data-title="详细信息"-->
<!--                                           th:attr="data-url=@{'/system/menu/detail/{{id}}'}"-->
<!--                                           shiro:hasPermission="system:menu:detail" data-size="800,600" href="#">详细-->
<!--                                        </a>-->
<!--                                        <a class="ajax-get popup-delete" th:attr="data-msg='您是否确定删除'"-->
<!--                                           th:href="@{'/system/menu/status/delete?ids={{id}}'}"-->
<!--                                           shiro:hasPermission="system:menu:status">删除-->
<!--                                        </a>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                            </tbody>-->
<!--                        </table>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

<!--        <script type="text/javascript" th:src="@{/lib/zTree_v3/js/jquery.ztree.core.min.js}"></script>-->
<!--        <script type="text/javascript" th:src="@{/lib/zTree_v3/js/jquery.ztree.exedit.min.js}"></script>-->
<!--        <script type="text/javascript" th:src="@{/js/timoTree.js}"></script>-->
<!--        <script type="text/javascript">-->
<!--            $.fn.timoTree();-->
<!--        </script>-->


        <div class="layui-card">

            <div class="layui-card-header">
                <span class="layui-icon font-s10 color-desc margin-right-5"></span>菜单管理
                <div class="pull-right">
                    <button data-table-id="NoticeTable" class="layui-btn layui-btn-primary  layui-btn-sm" data-modal="/system/menu/add" data-height="720px" data-width="800px">
                        <i class=" layui-icon layui-icon-addition"></i>添加菜单</button>
                </div>
            </div>

            <div class="layui-card-line"></div>

            <div class="layui-card-body">

                <div class="layui-card-table layui-tab">
                    <div class="layui-tab-content">

                        <table id="MenuTable" data-url="/system/menu/index"></table>
                        <script type="text/javascript" th:inline="none">
                            $(function () {
                                $('#MenuTable').layTable({
                                    even: true,
                                    height: 'full',
                                    page: false,
                                    where: {orderByColumn:"sort", isAsc:"asc"},
                                    cols: [[
                                        {field: 'sort', title: '排序权重', width: 100, align: 'center', templet: '#SortInputTpl'},
                                        {field: 'title', title: '名称', minWidth: 180, templet: '<div><span class="color-desc">{{d.spl}}</span>{{d.title}}</div>'},
                                        {field: 'url', title: 'URL地址', align: 'center'},
                                        {field: 'perms', title: '权限标识', align: 'center'},

                                        {field: 'type', title: '菜单类型', align: 'center'},

                                        {field: 'status', title: '状态', align: 'center'},

                                        {toolbar: '#toolbar', title: '操作', align: 'center', minWidth: 50, fixed: 'right'}
                                    ]],

                                    filter: function(data, res){

                                        return $.utils.arr2table(data);

                                    }
                                });




                            });


                        </script>

                        <!-- 列表排序权重模板 -->
                        <script type="text/html" id="SortInputTpl">
                            <input type="number" min="0" data-blur-number="0" data-action-blur="/system/menu/sort" data-value="id#{{d.id}};action#sort;sort#{value}" data-loading="false" value="{{d.sort}}" class="layui-input text-center">
                        </script>


                        <script type="text/html" id="toolbar">

                            {{# if(d.spt<3){ }}
                            <a class="layui-btn layui-btn-sm layui-btn-primary" data-title="添加系统菜单" data-modal='/system/menu/add?pid={{d.id}}'>添 加</a>
                            {{# }else{ }}
                            <a class="layui-btn layui-btn-sm layui-btn-disabled open-popup">添 加</a>
                            {{# } }}

                            <a class="layui-btn layui-btn-sm open-popup" data-event-dbclick data-title="编辑系统菜单" data-modal='/system/menu/add?id={{d.id}}'>编 辑</a>

                            {{# if(d.spc<1){ }}
                            <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="确定要删除菜单吗？" data-action="/system/menu/remove" data-value="id#{{d.id}}">删 除</a>
                            {{# }else{ }}
                            <a class="layui-btn layui-btn-disabled layui-btn-sm">删 除</a>
                            {{# } }}

                        </script>



                    </div>
                </div>
            </div>

        </div>

    </body>
</html>